<template>
  <div class="changeApply">
     <Form label-position="top"  ref="appleForm" :model="appleForm">
        <FormItem label="企业注册号／统一社会信用代码" prop='validSocialCode' :rules="validator.socialCode" >
          <Input size="large" v-model="appleForm.validSocialCode" type="text" placeholder="请输入企业注册号／统一社会信用代码"></Input>
        </FormItem>
        <FormItem label="法定代表人证件号" prop='validateCerno' :rules="validator.cerno" >
          <Input size="large" v-model="appleForm.validateCerno" type="text" placeholder="请输入法定代表人证件号"></Input>
        </FormItem>
     </Form>  
    <div style="font-size:0.5rem;line-height:0.8rem;">
      <strong>温馨提示：</strong>
      <br>
        <p style="text-indent:1rem;">微信申请公司变更登记业务，目前支持企业类型为（内资）有限公司办理。且可选择的变更事项尚为企业名称、住所、经营范围、营业期限。</p>
    </div>
    <Button @click="next('appleForm')" class="mainBtn" size="large" long type="primary">进入办理</Button>
    <div>
      <MyFooter/>
    </div>
  </div>
</template>

<script>
import MyFooter from "../../components/MyFooter.vue";
import request from "../../utils/request.js";
import validator from '../../utils/validatorUtil.js'
export default {
  data() {
    return {
      validator,
      appleForm:{
        validSocialCode:"",
        validateCerno:""
      }
    };
  },
  methods: {
    next(name){
      this.$refs[name].validate((valid) => {
         if (valid) {
            this.$router.push({name: 'changeChoose'})
         } else {
            this.$Message.error('请补全信息再提交!');
         }
       })
    }
  },
  components: {
    MyFooter
  }
};
</script>
<style>
.changeApply {
  padding: 0.7rem;
}
.red {
  color: #c00;
}
.mainBtn {
  height:1.75rem;font-size:0.64rem;
  margin-top:0.6rem;
}
.changeApply .ivu-form-item-label {
  font-size:0.5rem;
}
.changeApply .ivu-input{
  height:1.5rem;
}
</style>

